<div class="row m-n">
    <div class="crumbs-bar">
        <div yb-crumbs></div>
    </div>
    <div tabset type="tab">
        <div tab heading="销售冲销" active="activeFlag[0]" ng-click="changeTab(0)">
            <div class="row wrapper-y-sm">
                <div class="operate-bar col-xs-4 font-0">
                    <button class="btn btn-operate m-r-sm" ng-click="addApply(reverseType.allReverse)"
                            ng-disabled="!btnPermission.salesOffsetAdd" title="{{!btnPermission.salesOffsetAdd?'无权限执行此操作':''}}">新增</button>
                    <button class="btn btn-operate m-r-sm" ng-click="addApply(reverseType.partReverse)"
                            ng-disabled="!btnPermission.salesOffsetAdd" title="{{!btnPermission.salesOffsetAdd?'无权限执行此操作':''}}">新增部分冲销</button>
                    <button class="btn btn-operate " ng-click="delData('batch')"
                            ng-disabled="!btnPermission.salesOffsetDel" title="{{!btnPermission.salesOffsetDel?'无权限执行此操作':''}}">删除</button>

                </div>
                <div class="search-bar wrapper-none col-xs-8">
                    <div class="btn-group m-l-xs pull-right">
                        <button type="button" class="btn btn-default base-color" ng-click="search()" title="刷新">
                            <i class="yb-icon ico-refresh"></i>
                        </button>
                        <button type="button" class="btn btn-default base-color" title="配置表格列"
                                ng-click="switchToolbar('ColConfig');">
                            <i class="yb-icon ico-set"></i>
                        </button>
                        <div class="btn btn-default base-color" ng-if="!!btnPermission.salesOffsetExport">
                            <div title="导出">
                                <i class="yb-icon ico-export-o"></i>
                            </div>
                            <ul class="more-tool">
                                <li yb-download download-url="exportParam.sectionUrl" download-param="exportParam.sectionParam"
                                    download-key="ids">
                                    <i class="yb-icon ico-export-o"></i> 导出
                                </li>
                                <li yb-download download-url="exportParam.allUrl" download-param="condition" download-duration="3">
                                    <i class="yb-icon ico-export-o"></i> 导出全部
                                </li>
                            </ul>
                        </div>
                    </div>
                    <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')">高级搜索</button>
                    <div class="input-group pull-right clearfix">
                        <input type="text" class="form-control txt-search" placeholder="冲销单号"
                               ng-model="condition.reverseOrder">
                        <span class="input-group-addon cursor-pointer" ng-click="search(1)">搜索</span>
                    </div>
                </div>
            </div>
            <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="search(1)" reset-data="reset()">
                <div class="advance-search m-t-sm">
                    <div class="form-group clearfix">
                        <label class="control-label">冲销单号：</label>
                        <input type="text" ng-model="condition.reverseOrder" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label">发货通知单号：</label>
                        <input type="text" ng-model="condition.deliveryNoteOrder" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label">客户名称：</label>
                        <input type="text" ng-model="condition.agentName" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label">创建人：</label>
                        <input type="text" ng-model="condition.createName" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label">审核状态：</label>
                        <select class="form-control" ng-model="condition.auditState"
                                ng-options="item.id as item.name for item in auditState">
                            <option value="">请选择</option>
                        </select>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label">入库状态：</label>
                        <select class="form-control" ng-model="condition.state"
                                ng-options="item.id as item.name for item in stateList">
                            <option value="">请选择</option>
                        </select>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label">是否过账：</label>
                        <select class="form-control" ng-model="condition.isSapReverse"
                                ng-options="item.id as item.name for item in sapState">
                            <option value="">请选择</option>
                        </select>
                    </div>
                    <div class="form-group clearfix m-b-none">
                        <label class="control-label">制单时间：</label>
                        <input type="text" class="form-control date-picker" ng-model="condition.createDateStart"
                               datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(0)" is-open="datePickerFlag[0]" close-text="关闭"
                               ng-change="checkDate(condition, 'createDateStart', 'createDateEnd')" modal-size="small" readonly>
                    </div>
                    <div class="form-group clearfix m-b-none">
                        <label class="control-label"></label>
                        <label class="control-label wave-line">~</label>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label"></label>
                        <input type="text" class="form-control date-picker" ng-model="condition.createDateEnd"
                               datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(1)" is-open="datePickerFlag[1]" close-text="关闭"
                               ng-change="checkDate(condition, 'createDateStart', 'createDateEnd')" modal-size="small" readonly>
                    </div>
                </div>
            </div>
            <div yb-col-config show-toolbar="toolbarConfig.showColConfig" ng-model="tableConfig" col-fixed="true"
                 has-check-col="true" set-tb-style="setFixedWidth()"></div>
            <div class="main-area">
                <div yb-table-fixed class="table-fixed-wrap fix-left" ele-count="4" scroll-area="right">
                    <div class="th-fixed">
                        <table class="table-fixed border-none" width="{{tableConfig.fixedWidth}}">
                            <thead>
                            <tr>
                                <th width="40" class="text-center th-check border-l-none">
                                    <div yb-check-box yb-checked="markInfo.allChecked" yb-click="selectAll(dataList)"></div>
                                </th>
                                <th ng-repeat="itemCol in tableConfig.tableCol track by $index" width="{{itemCol.width}}"
                                    ng-click="toSort(tableConfig.tableCol, $index)" ng-show="!!itemCol.isShow && !!itemCol.isFixed">
                                    <div yb-thead-operate ng-model="itemCol" target-width="tableConfig.fixedWidth" fixed-width="tbStyle.billFixedWidth"></div>
                                </th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="th-scroll-x" ng-style="tbStyle.billFixedWidth">
                        <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                            <thead>
                            <tr>
                                <th ng-repeat="itemCol in tableConfig.tableCol track by $index" width="{{itemCol.width}}"
                                    ng-click="toSort(tableConfig.tableCol, $index)" ng-show="!!itemCol.isShow && !itemCol.isFixed">
                                    <div yb-thead-operate ng-model="itemCol" target-width="tableConfig.scrollWidth"></div>
                                </th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll-y" ng-show="dataList.length > 0">
                        <table class="table-fixed border-none" width="{{tableConfig.fixedWidth}}">
                            <tbody>
                            <tr ng-repeat="item in dataList track by $index" ng-class="{'row-selected': $index === markInfo.curRow}"
                                ng-click="selectRow($index)">
                                <td width="40" class="text-center border-l-none">
                                    <div yb-check-box yb-checked="item.isChecked" yb-click="selectSingle(item,dataList)"></div>
                                </td>
                                <td class="spill-dots" ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                    width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !!itemCol.isFixed"
                                    title="{{item[itemCol.dataField]}}">
                                    <span ng-if="!itemCol.clickFn && itemCol.type !== 'operate'">{{item[itemCol.dataField]}}</span>
                                    <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)" ng-if="!!itemCol.clickFn">
                                        {{item[itemCol.dataField]}}
                                    </a>
                                    <div class="font-0" ng-if="itemCol.type === 'operate'">
                                        <button type="button" class="btn btn-operate m-r-xs" ng-click="printBill(item)"
                                                ng-disabled="!btnPermission.salesOffsetPrint" title="{{!btnPermission.salesOffsetPrint?'无权限执行此操作':''}}">打印</button>
                                        <button type="button" class="btn btn-operate m-r-xs" ng-click="auditData(item)"
                                                ng-disabled="item.auditState != 0 || !btnPermission.salesOffsetAudit" title="{{!btnPermission.salesOffsetAudit?'无权限执行此操作':''}}">审核</button>
                                        <button type="button" class="btn btn-operate m-r-xs" ng-click="delData('single', item.id)"
                                                ng-disabled="item.auditState === 1 || !btnPermission.salesOffsetDel" title="{{!btnPermission.salesOffsetDel?'无权限执行此操作':''}}">删除</button>
                                        <button class="btn btn-operate m-r-xs" ng-click="inbound(item)" ng-if="curOrg.isBarcode === 0"
                                                ng-disabled="(item.state === 3 && item.auditState === 1) ||(item.state === 2 && item.auditState === 1) || item.auditState != 1 || !btnPermission.salesOffsetIn" title="{{!btnPermission.salesOffsetIn?'无权限执行此操作':''}}">入库</button>
                                        <button class="btn btn-operate m-r-xs" ng-click="posting(item)"
                                                ng-disabled="item.auditState !== 1 || item.isPosting !== 1  || item.isSapReverse == 1 || item.reverseType == 1 || !btnPermission.salesOffsetPosting"
                                                title="{{!btnPermission.salesOffsetPosting?'无权限执行此操作':''}}">SAP过账</button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="dataList.length > 0" ng-style="tbStyle.billFixedWidth">
                        <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                            <tbody>
                            <tr ng-repeat="item in dataList track by $index" ng-class="{'row-selected': $index === markInfo.curRow}"
                                ng-click="selectRow($index)">
                                <td class="spill-dots" ng-repeat="itemCol in tableConfig.tableCol track by $index" width="{{itemCol.width}}"
                                    ng-show="!!itemCol.isShow && !itemCol.isFixed"
                                    title="{{item[itemCol.dataField]}}">
                                    <span ng-if="!itemCol.clickFn && itemCol.type !== 'operate'">{{item[itemCol.dataField]}}</span>
                                    <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)" ng-if="!!itemCol.clickFn">
                                        {{item[itemCol.dataField]}}
                                    </a>
                                    <div class="font-0" ng-if="itemCol.type === 'operate'">
                                        <button type="button" class="btn btn-operate m-r-xs" ng-click="printBill(item)"
                                                ng-disabled="!btnPermission.salesOffsetPrint" title="{{!btnPermission.salesOffsetPrint?'无权限执行此操作':''}}">打印</button>
                                        <button type="button" class="btn btn-operate m-r-xs" ng-click="auditData(item)"
                                                ng-disabled="item.auditState != 0 || !btnPermission.salesOffsetAudit" title="{{!btnPermission.salesOffsetAudit?'无权限执行此操作':''}}">审核</button>
                                        <button type="button" class="btn btn-operate m-r-xs" ng-click="delData('single', item.id)"
                                                ng-disabled="item.auditState === 1 || !btnPermission.salesOffsetDel" title="{{!btnPermission.salesOffsetDel?'无权限执行此操作':''}}">删除</button>
                                        <button class="btn btn-operate m-r-xs" ng-click="inbound(item)" ng-if="curOrg.isBarcode === 0"
                                                ng-disabled="(item.state === 3 && item.auditState === 1) ||(item.state === 2 && item.auditState === 1) || item.auditState != 1  || !btnPermission.salesOffsetIn" title="{{!btnPermission.salesOffsetIn?'无权限执行此操作':''}}">入库</button>
                                        <button class="btn btn-operate m-r-xs" ng-click="posting(item)"
                                                ng-disabled="item.auditState !== 1 || item.isPosting !== 1  || item.isSapReverse == 1 || !btnPermission.salesOffsetPosting"
                                                title="{{!btnPermission.salesOffsetPosting?'无权限执行此操作':''}}">SAP过账</button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="dataList.length === 0">暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area page-bar wrapper-y-sm clearfix">
                <div yb-check-box class="m-t-xs m-r-sm" yb-checked="markInfo.allChecked" yb-check-name="全选"
                     yb-click="selectAll(dataList)"></div>
                <button class="btn btn-operate" ng-click="delData('batch')"
                        ng-disabled="!btnPermission.salesOffsetDel" title="{{!btnPermission.salesOffsetDel?'无权限执行此操作':''}}">删除</button>
                <div yb-page-info ng-model="pageInfo" yb-refresh="search()"></div>
            </div>
        </div>
        <div tab heading="{{currentReverseType==0?'新增销售冲销':'新增部分销售冲销'}}" active="activeFlag[1]" ng-if="activeFlag[1]">
            <div yb-step-bar class="m-t m-b-sm" ng-model="steps" style="width: 60%"></div>
            <div ng-show="steps.curStep === 0">
                <div class="row p-t-sm p-b-sm border-t">
                    <div class="search-bar wrapper-none col-xs-12">
                        <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')">高级搜索</button>
                        <div class="input-group pull-right clearfix">
                            <input type="text" class="form-control txt-search" placeholder="客户名称" ng-model="orderCondition.purchaseOrgName">
                            <span class="input-group-addon cursor-pointer" ng-click="orderSearch(1)">搜索</span>
                        </div>
                    </div>
                </div>
                <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="orderSearch(1)" reset-data="orderReset()">
                    <div class="advance-search m-t-sm">
                        <div class="form-group clearfix">
                            <label class="control-label">发货通知单号：</label>
                            <input type="text" name="purchaseOrgName" ng-model="orderCondition.deliveryNo" class="form-control">
                        </div>
                        <div class="form-group clearfix">
                            <label class="control-label">申请人：</label>
                            <input type="text" name="purchaseOrgName" ng-model="orderCondition.createName" class="form-control">
                        </div>
                        <div class="form-group clearfix m-b-none">
                            <label class="control-label">申请时间：</label>
                            <input type="text" class="form-control date-picker" ng-model="orderCondition.createDateStart"
                                   datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(0)" is-open="datePickerFlag[0]" close-text="关闭"
                                   ng-change="checkDate(condition, 'createDateStart', 'createDateEnd')" modal-size="small" readonly>
                        </div>
                        <div class="form-group clearfix m-b-none">
                            <label class="control-label"></label>
                            <label class="control-label wave-line">~</label>
                        </div>
                        <div class="form-group clearfix">
                            <label class="control-label"></label>
                            <input type="text" class="form-control date-picker" ng-model="orderCondition.createDateEnd"
                                   datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(1)" is-open="datePickerFlag[1]" close-text="关闭"
                                   ng-change="checkDate(condition, 'createDateStart', 'createDateEnd')" modal-size="small" readonly>
                        </div>
                    </div>
                </div>
                <div class="main-area" style="top:170px;">
                    <div yb-table-fixed class="table-fixed-wrap">
                        <div class="th-scroll-x">
                            <table class="table-fixed border-none" width="{{deliveryNoticeTbConf.scrollWidth}}">
                                <thead>
                                <tr>
                                    <th width="80">
                                        操作
                                    </th>
                                    <th ng-repeat="itemCol in deliveryNoticeTbConf.tableCol track by $index" width="{{itemCol.width}}"
                                        ng-show="itemCol.type !== 'operate'">
                                        <div yb-thead-operate ng-model="itemCol" target-width="deliveryNoticeTbConf.scrollWidth"></div>
                                    </th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="td-scroll" ng-show="deliveryNoticeList.length > 0">
                            <table class="table-fixed border-none" width="{{deliveryNoticeTbConf.scrollWidth}}">
                                <tbody>
                                <tr ng-repeat="item in deliveryNoticeList track by $index">
                                    <td width="80">
                                        <button type="button" class="btn btn-operate" ng-click="selDeliveryNotice(item)">选择</button>
                                    </td>
                                    <td class="spill-dots" ng-repeat="itemCol in deliveryNoticeTbConf.tableCol track by $index"
                                        width="{{itemCol.width}}" title="{{item[itemCol.dataField]}}" ng-show="itemCol.type !== 'operate'">
                                        {{item[itemCol.dataField]}}
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="no-data w-full text-center p-t" ng-show="deliveryNoticeList.length === 0">暂时没有数据</div>
                    </div>
                </div>
                <div class="bottom-area page-bar wrapper-y-sm clearfix">
                    <div yb-page-info ng-model="deliveryPageInfo" yb-refresh="orderSearch()"></div>
                </div>
            </div>
            <div ng-show="steps.curStep === 1">
                <form name="form" class="p-t-sm p-b-sm form-horizontal form-up-tb border-t clearfix" novalidate>
                    <div class="form-group col-xs-3 m-b-sm">
                        <label class="col-xs-4 control-label max-w-100">发货通知单号：</label>
                        <label class="col-xs-8 control-label p-l-n text-left spill-dots" title="{{detailInfo.headerInfo.deliveryNo}}">
                            {{detailInfo.headerInfo.deliveryNo}}
                        </label>
                    </div>
                    <div class="form-group col-xs-3 m-b-sm">
                        <label class="col-xs-4 control-label max-w-100">销售意向单号：</label>
                        <label class="col-xs-8 control-label p-l-n text-left spill-dots" title="{{detailInfo.headerInfo.saleNo}}">
                            {{detailInfo.headerInfo.saleNo}}
                        </label>
                    </div>
                    <div class="form-group col-xs-3 m-b-sm">
                        <label class="col-xs-4 control-label max-w-100">客户名称：</label>
                        <label class="col-xs-8 control-label p-l-n text-left spill-dots" title="{{detailInfo.headerInfo.purchaseOrgName}}">
                            {{detailInfo.headerInfo.purchaseOrgName}}
                        </label>
                    </div>
                    <div class="form-group col-xs-3 m-b-sm">
                        <label class="col-xs-4 control-label max-w-100">仓库编码：</label>
                        <label class="col-xs-8 control-label p-l-n text-left spill-dots" title="{{detailInfo.headerInfo.outLocation}}">
                            {{detailInfo.headerInfo.outLocation}}
                        </label>
                    </div>
                    <div class="form-group col-xs-3 m-b-sm">
                        <label class="col-xs-4 control-label max-w-100">是否过账：</label>
                        <label class="col-xs-8 control-label p-l-n text-left spill-dots" title="{{detailInfo.headerInfo.isPosting | TrueOrFalse}}">
                            {{detailInfo.headerInfo.isPosting | TrueOrFalse}}
                        </label>
                    </div>
                    <div class="form-group col-xs-3 m-b-sm">
                        <label class="col-xs-4 control-label max-w-100">备注：</label>
                        <div class="col-xs-8 wrapper-none">
                            <input type="text" name="remark" class="form-control" ng-model="detailInfo.headerInfo.note"
                                   maxlength="100">
                        </div>
                    </div>
                </form>
                <div class="panel-bar clearfix">
                    <div class="pull-left">
                        <i></i>零件信息
                    </div>
                </div>
                <div class="main-area d-b-60" style="top:255px;">
                    <div yb-table-fixed class="table-fixed-wrap" ng-if="currentReverseType==0">
                        <div class="th-scroll-x">
                            <table class="table-fixed border-none" width="{{materielTbConf.scrollWidth}}">
                                <thead>
                                <tr>
                                    <th ng-repeat="itemCol in materielTbConf.tableCol track by $index" width="{{itemCol.width}}">
                                        <div yb-thead-operate ng-model="itemCol" target-width="materielTbConf.scrollWidth"></div>
                                    </th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="td-scroll" ng-show="detailInfo.detailList.length > 0">
                            <table class="table-fixed border-none" width="{{materielTbConf.scrollWidth}}">
                                <tbody>
                                <tr ng-repeat="item in detailInfo.detailList track by $index">
                                    <td ng-repeat="itemCol in materielTbConf.tableCol track by $index" width="{{itemCol.width}}"
                                        class="spill-dots" title="{{item[itemCol.dataField]}}">
                                        {{item[itemCol.dataField]}}
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="no-data w-full text-center p-t" ng-show="detailInfo.detailList.length === 0">暂时没有数据</div>
                    </div>

                    <div yb-table-fixed class="table-fixed-wrap" ng-if="currentReverseType==1">
                        <div class="th-scroll-x">
                            <table class="table-fixed border-none" width="{{materielTbConf.scrollWidth}}">
                                <thead>
                                <tr>
                                    <th width="40" class="text-center th-check border-l-none">
                                        <div yb-check-box yb-checked="markInfo.allChecked" yb-click="selectAll(detailInfo.detailList)"></div>
                                    </th>
                                    <th ng-repeat="itemCol in materielTbConf.tableCol track by $index" width="{{itemCol.width}}">
                                        <div yb-thead-operate ng-model="itemCol" target-width="materielTbConf.scrollWidth"></div>
                                    </th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="td-scroll" ng-show="detailInfo.detailList.length > 0">
                            <table class="table-fixed border-none" width="{{materielTbConf.scrollWidth}}">
                                <tbody>
                                <tr ng-repeat="item in detailInfo.detailList track by $index">
                                    <td width="40" class="text-center border-l-none">
                                        <div yb-check-box yb-checked="item.isChecked" yb-click="selectSingle(item,detailInfo.detailList)"></div>
                                    </td>
                                    <td ng-repeat="itemCol in materielTbConf.tableCol track by $index" width="{{itemCol.width}}"
                                        title="{{item[itemCol.dataField]}}">
                                        <div class="spill-dots" ng-if="!itemCol.type">
                                        {{item[itemCol.dataField]}}
                                        </div>
                                        <div ng-if="itemCol.type && itemCol.type === 'input'" class="td-edit pos-r">
                                            <input type="text" class="form-control" ng-model="item[itemCol.dataField]"
                                                   ng-change="countTotal(item)" yb-number-input decimal-places="3" max="99999" min="0" maxlength="9" disable-decimal="false" decimal-places="3"
                                                   ng-class="{'error': item.qtyErr}">
                                            <div class="pos-a tool-tips" ng-if="!!item.qtyErr">
                                                <i class="triangle"></i>
                                                <div class="msg">不能大于实际出库数量</div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="no-data w-full text-center p-t" ng-show="detailInfo.detailList.length === 0">暂时没有数据</div>
                    </div>
                </div>
                <div class="bottom-area btn-bar text-center clearfix">
                    <button type="button" class="btn btn-primary m-r-sm" ng-click="prevStep()">上一步</button>
                    <button type="button" class="btn btn-primary m-r-sm" ng-click="saveData()">提交</button>
                    <button type="button" class="btn btn-default m-r-sm" ng-click="cancel()">取消</button>
                </div>
            </div>
        </div>
        <div tab heading="详情" active="activeFlag[2]" ng-if="activeFlag[2]">
            <div class="m-t-sm form-up-tb clearfix">
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">销售冲销单号：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.reverseOrder || '-'}}">
                        {{detailInfo.headerInfo.reverseOrder || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">发货通知单号：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.deliveryNoteOrder || '-'}}">
                        {{detailInfo.headerInfo.deliveryNoteOrder || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">客户名称：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.agentName || '-'}}">
                        {{detailInfo.headerInfo.agentName || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">仓库编码：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.warehouseCode || '-'}}">
                        {{detailInfo.headerInfo.warehouseCode || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">是否过账：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.isPosting | TrueOrFalse}}">
                        {{detailInfo.headerInfo.isPosting | TrueOrFalse}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核人：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.auditUserName || '-'}}">
                        {{detailInfo.headerInfo.auditUserName || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核状态：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{(detailInfo.headerInfo.auditState |ProgressStatus:'audit') || '-'}}">
                        {{(detailInfo.headerInfo.auditState |ProgressStatus:"audit") || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核时间：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{(detailInfo.headerInfo.auditDate|YbDate) || '-'}}">
                        {{(detailInfo.headerInfo.auditDate|YbDate:"yyyy-MM-dd HH:mm:ss") || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核意见：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.auditNote || '-'}}">
                        {{detailInfo.headerInfo.auditNote || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">备注：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.note || '-'}}">
                        {{detailInfo.headerInfo.note || "-"}}
                    </div>
                </div>
            </div>
            <div class="panel-bar clearfix">
                <div class="pull-left">
                    <i></i>零件信息
                </div>
            </div>
            <div class="main-area d-b-60" style="top:175px;">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{detailTbConf.scrollWidth}}">
                            <thead>
                            <tr>
                                <th ng-repeat="itemCol in detailTbConf.tableCol track by $index" width="{{itemCol.width}}">
                                    <div yb-thead-operate ng-model="itemCol" target-width="detailTbConf.scrollWidth"></div>
                                </th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="detailInfo.detailList.length > 0">
                        <table class="table-fixed border-none" width="{{detailTbConf.scrollWidth}}">
                            <tbody>
                            <tr ng-repeat="item in detailInfo.detailList track by $index">
                                <td ng-repeat="itemCol in detailTbConf.tableCol track by $index" width="{{itemCol.width}}"
                                    class="spill-dots" title="{{item[itemCol.dataField]}}">
                                    {{item[itemCol.dataField]}}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="detailInfo.detailList.length === 0">暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area btn-bar text-center clearfix">
                <button type="button" class="btn btn-default m-r-sm" ng-click="cancel()">返回</button>
            </div>
        </div>
        <div tab heading="审核" active="activeFlag[3]" ng-if="activeFlag[3]">
            <div class="m-t-sm form-up-tb clearfix">
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">销售冲销单号：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.reverseOrder || '-'}}">
                        {{detailInfo.headerInfo.reverseOrder || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">发货通知单号：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.deliveryNoteOrder || '-'}}">
                        {{detailInfo.headerInfo.deliveryNoteOrder || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">客户名称：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.agentName || '-'}}">
                        {{detailInfo.headerInfo.agentName || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">仓库编码：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.warehouseCode || '-'}}">
                        {{detailInfo.headerInfo.warehouseCode || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">是否过账：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.isPosting | TrueOrFalse}}">
                        {{detailInfo.headerInfo.isPosting | TrueOrFalse}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">备注：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.note || '-'}}">
                        {{detailInfo.headerInfo.note || "-"}}
                    </div>
                </div>
            </div>
            <div class="panel-bar pos-a clearfix" style="left:0;right: 240px;">
                <div class="pull-left">
                    <i></i>零件信息
                </div>
            </div>
            <div class="panel-bar pos-a clearfix" style="right: 0; width: 225px;">
                <div class="pull-left">
                    <i></i>审核意见
                </div>
            </div>
            <div class="main-area d-b-60" style="top:140px; right: 240px;">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{auditTbConf.scrollWidth}}">
                            <thead>
                            <tr>
                                <th ng-repeat="itemCol in auditTbConf.tableCol track by $index" width="{{itemCol.width}}">
                                    <div yb-thead-operate ng-model="itemCol" target-width="auditTbConf.scrollWidth"></div>
                                </th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="detailInfo.detailList.length > 0">
                        <table class="table-fixed border-none" width="{{auditTbConf.scrollWidth}}">
                            <tbody>
                            <tr ng-repeat="item in detailInfo.detailList track by $index">
                                <td ng-repeat="itemCol in auditTbConf.tableCol track by $index" width="{{itemCol.width}}"
                                    class="spill-dots" title="{{item[itemCol.dataField]}}">
                                    {{item[itemCol.dataField]}}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="detailInfo.detailList.length === 0">暂时没有数据</div>
                </div>
            </div>
            <div class="main-area d-b-60" style="top:140px; left: auto; width: 225px;">
                <div class="main-wrap p-b-lg over-flow-h">
                    <textarea yb-word-count max-size="100" name="auditMessage" class="form-control full" ng-model="detailInfo.auditNote"
                              ng-class="{'error': !detailInfo.auditNote && submitted}" placeholder="审核意见"></textarea>
                </div>
            </div>
            <div class="bottom-area btn-bar text-center clearfix">
                <button type="button" class="btn btn-primary m-r-sm" ng-click="auditPurchase(detailInfo.headerInfo.id, 1, detailInfo.auditNote)">通过</button>
                <button type="button" class="btn btn-primary m-r-sm" ng-click="auditPurchase(detailInfo.headerInfo.id, 2, detailInfo.auditNote)">拒绝</button>
                <button type="button" class="btn btn-default" ng-click="cancel()">取消</button>
            </div>
        </div>
        <div tab heading="入库" active="activeFlag[4]" ng-if="activeFlag[4]">
            <div class="m-t-sm form-up-tb clearfix">
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">销售冲销单号：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.reverseOrder || '-'}}">
                        {{detailInfo.headerInfo.reverseOrder || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">发货通知单号：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.deliveryNoteOrder || '-'}}">
                        {{detailInfo.headerInfo.deliveryNoteOrder || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">客户名称：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.agentName || '-'}}">
                        {{detailInfo.headerInfo.agentName || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">仓库编码：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.warehouseCode || '-'}}">
                        {{detailInfo.headerInfo.warehouseCode || "-"}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">是否过账：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.isPosting | TrueOrFalse}}">
                        {{detailInfo.headerInfo.isPosting | TrueOrFalse}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核人：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.auditUserName || '-'}}">
                        {{detailInfo.headerInfo.auditUserName || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核状态：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{(detailInfo.headerInfo.auditState |ProgressStatus:'audit') || '-'}}">
                        {{(detailInfo.headerInfo.auditState |ProgressStatus:"audit") || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核时间：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{(detailInfo.headerInfo.auditDate|YbDate) || '-'}}">
                        {{(detailInfo.headerInfo.auditDate|YbDate:"yyyy-MM-dd HH:mm:ss") || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">审核意见：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.auditNote || '-'}}">
                        {{detailInfo.headerInfo.auditNote || '-'}}
                    </div>
                </div>
                <div class="form-group col-xs-3 m-b-sm">
                    <label class="col-xs-4 m-b-n text-right max-w-100">备注：</label>
                    <div class="col-xs-8 wrapper-none spill-dots" title="{{detailInfo.headerInfo.note || '-'}}">
                        {{detailInfo.headerInfo.note || "-"}}
                    </div>
                </div>
            </div>
            <div class="panel-bar clearfix">
                <div class="pull-left">
                    <i></i>零件信息
                </div>
            </div>
            <div class="main-area d-b-60" style="top:175px;">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{inTbConf.scrollWidth}}">
                            <thead>
                            <tr>
                                <th ng-repeat="itemCol in inTbConf.tableCol track by $index" width="{{itemCol.width}}">
                                    <div yb-thead-operate ng-model="itemCol" target-width="inTbConf.scrollWidth"></div>
                                </th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="detailInfo.detailList.length > 0">
                        <table class="table-fixed border-none" width="{{inTbConf.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in detailInfo.detailList track by $index">
                                    <td ng-repeat="itemCol in inTbConf.tableCol track by $index" width="{{itemCol.width}}"
                                        ng-class="{'wrapper-none': itemCol.inputType === 'func'}">
                                        <div class="spill-dots" ng-if="!itemCol.input" title="{{item[itemCol.dataField]}}">
                                            {{item[itemCol.dataField]}}
                                        </div>
                                        <div yb-form-clear class="td-edit" ng-model="item[itemCol.dataField]" select-obj="selDepot(item)"
                                             clear-form="clearDepot(item)" tips-name="储位" ng-if="!!itemCol.input && itemCol.inputType === 'func'"
                                             title="{{item[itemCol.dataField]}}"></div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="detailInfo.detailList.length === 0">暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area btn-bar text-center clearfix">
                <button type="button" class="btn btn-primary m-r-sm" ng-click="inboundSubmit()">确认入库</button>
                <button type="button" class="btn btn-default" ng-click="cancel()">取消</button>
            </div>
        </div>
    </div>
</div>